Chat Widget Generator With User Guides

Try Free Other Tools

Chat Widget Generator

Create a professional chat widget for Blogger, WordPress, or any HTML page. Configure logo, team image, WhatsApp/Telegram, icon size, theme color and position — then generate and copy ready-to-paste code.

Chat Icon Notification Size (px) Website Logo URL (HTTPS) Support / Team Image URL (HTTPS)

WhatsApp number (international, no + or spaces)

Show WhatsApp YesNo

Telegram username (no @)

Show Telegram YesNo

Default message (prefill) Chat widget frame color Widget display position Bottom right Bottom left Middle right Middle left Include Close button inside frame? YesNo Include Copy chat links button in generated widget? YesNo

Paste the code into a Blogger HTML gadget or WordPress Custom HTML widget.

Live preview

iFairTools

Hello! I need help...

💬

Enter values and click Generate to → copy the final code.

Preparing widget — please wait 30s

How to use:

1. Paste the full file below into a Blogger HTML/JavaScript gadget or a WordPress Custom HTML widget (or open locally to configure).

2. Fill the generator form fields (Logo URL, Team Image URL, WhatsApp number, Telegram username, Default Message, Icon size, Frame color, Position, Include close button).

3. Click Generate Widget → the generated code appears in the box.

4. Click Copy Widget Code and paste into your Blogger/WordPress widget or any HTML page.

Important note: In WhatsApp links use numbers in international format without + or spaces (e.g. 2348012345678). Telegram username should be provided without@.